<template>
  <div>
    <h3>App组件</h3>
    <p>App中的p</p>
    <button @click="aa">按钮</button>
    <!-- ref 可以给固有的标签加,也可以给组件标签加 -->
    <my-abc ref="aa"></my-abc>

    <my-aaa></my-aaa>
    <!-- <MyAbc></MyAbc> -->
  </div>
</template>

<script>
import MyAaa from './components/MyAaa.vue'
import MyAbc from './components/MyAbc.vue'

export default {
  components: { MyAbc, MyAaa },
 methods:{
  aa(){
    //  this.$refs.aa  找到子组件  可以调用子组件的方法
    this.$refs.aa.show()  //调用子组件的方法
    // this.$refs.aa.btn()  //调用子组件的方法
  }
 }

}
</script>

<style>

</style>